<div class="keeper-container" style="padding:10px 0;">
<table id="keeper-nav-header">
  <tr>
    <td align="left" width="220px">
      <div class="knh-brand">
        <img class="knh-brand-logo" src="/keeper/~/keeper/img/keeper-s2-32.png"> 
        <span class="knh-brand-title">{{.webui_banner_title}}</span>
      </div>
    </td>
    <td>
      <div id="knh-menu" class="knh-menu">
        {{range .menus}}
        <a href="{{.path}}">{{.title}}</a>
        {{end}}
      </div>
    </td>
    <td align="right">
      <div id="keeper-navbox">
        <a class="btn btn-default"
          href="/keeper/user/sign-out">Sign Out</a>
      </div>
    </td>
  </tr>
</table>
</div>


<script type="text/javascript">

$("#knh-menu a").click(function(event) {

    event.preventDefault();
    
    $("#knh-menu a.active").removeClass('active');

    var uri = $(this).attr("href").substr(1);
    
    $(this).addClass("active");
    keeperComLoader(uri);
});

</script>
